<!--
 * @Description:关注店铺列表
 * @version: v1.0
 * @Author: Wang Xi
 * @Date: 2023-5-31 16:10:00
 * @LastEditors: Yejing
 * @LastEditTime: 2023-06-12 10:22:54
-->
<template>
    <view class="followed-stores-container">
        <c-layout>
            <c-navigation-bar slot="head" title="关注店铺"></c-navigation-bar>
            <view class="container-box">
                <cartItem class="store-card" :data="item" :checkShow="false" :key="`vik-${item.index}`"
                          v-for="(item, index) in storeList">
                    <u-button slot="btn">取消</u-button>
                </cartItem>
            </view>
        </c-layout>

    </view>
</template>

<script>
export default {
    data() {
        return {
            storeList: [{
                des: '666',
                name: 'MLB',
                imgSrc: require('@/static/images/home/good-1.png')
            },
                {
                    des: '999',
                    name: 'Gucci',
                    imgSrc: require('@/static/images/home/good-1.png')
                },
                {
                    des: '999',
                    name: 'Gucci',
                    imgSrc: require('@/static/images/home/good-1.png')
                },
                {
                    des: '999',
                    name: 'Gucci',
                    imgSrc: require('@/static/images/home/good-1.png')
                },
                {
                    des: '999',
                    name: 'Gucci',
                    imgSrc: require('@/static/images/home/good-1.png')
                },
                {
                    des: '999',
                    name: 'Gucci',
                    imgSrc: require('@/static/images/home/good-1.png')
                },
                {
                    des: '999',
                    name: 'Gucci',
                    imgSrc: require('@/static/images/home/good-1.png')
                },
                {
                    des: '999',
                    name: 'Gucci',
                    imgSrc: require('@/static/images/home/good-1.png')
                },
                {
                    des: '999',
                    name: 'Gucci',
                    imgSrc: require('@/static/images/home/good-1.png')
                },
                {
                    des: '999',
                    name: 'Gucci',
                    imgSrc: require('@/static/images/home/good-1.png')
                },
                {
                    des: '999',
                    name: 'Gucci',
                    imgSrc: require('@/static/images/home/good-1.png')
                },
                {
                    des: '999',
                    name: 'Gucci',
                    imgSrc: require('@/static/images/home/good-1.png')
                },
                {
                    des: '999',
                    name: 'Gucci',
                    imgSrc: require('@/static/images/home/good-1.png')
                },
                {
                    des: '999',
                    name: 'Gucci',
                    imgSrc: require('@/static/images/home/good-1.png')
                },
            ]
        };
    }
}
</script>

<style lang="scss" scoped>
.followed-stores-container {
  height: 100vh;

  .container-box {
    height: 100%;
    overflow: auto;

    /deep/  .store-card {
      height: 158rpx;
      margin-bottom: 28rpx;

      .image-for-size {
        width: 116rpx !important;
        height: 116rpx !important;
      }

      .cart-item-main {
        align-items: center;

        .info {
          padding-left: 20rpx;
        }

        .u-btn {
          font-size: 28rpx;
          width: 158rpx;
          height: 48rpx;
          opacity: 1;
          border: 2rpx solid #2934D0;
          color: #2934D0;
          padding: 0;
          border-radius: 10rpx;
        }
      }

      .name {
        padding-top: 14rpx;
      }
    }
  }
}
</style>
